<!--球面距离测量-->

<template>
  <div>
    <FunctionlUnitFrame @closePane="closePane">
      <template slot="title">球面距离测量</template>
      <template slot="content">
        <div style="">
          <span><i class="fa fa-edit"></i></span><span><i class="fa fa-refresh"></i></span> <span><i class="fa fa-trash-o"></i></span>
        </div>
        <div style="background-color:#748c99; height: 1px; margin-top: 3px"></div>
        <div style="padding: 6px;">
          消息……
        </div>
      </template>
    </FunctionlUnitFrame>
  </div>
</template>

<script>
  import FunctionlUnitFrame from '@/components/FunctionalUnit/FunctionlUnitFrame'
  export default {
    name: "SphericalDMeasurement",
    components:{
      'FunctionlUnitFrame':FunctionlUnitFrame
    },
    methods:{
      closePane(){
        this.$emit('closePane',false);
      }
    }
  }
</script>

<style scoped>
  .fa{
    font-size: 22px;
    margin-left: 6px;
    cursor: pointer;
  }
  .fa-trash-o{
    color: #af4040;
  }
  .layerpanel{
    width: 300px;
  }
  @media screen and (max-width: 500px){
    .layerpanel{
      width: 150px;
    }
    .fa{
      font-size: 15px;
      margin-left: 6px;
      cursor: pointer;
    }
  }
</style>
